<div class="right-plate" id="keywordTable">
  <div class="table-thead" [ngClass]="{'table-thead-scroll':tabVal && tabVal.length > 17}">
    <table class="tableStyle table table-hover table-striped">
      <thead>
        <tr>
          <th class="w5 text-center">
            <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
          </th>
          <th class="w5 text-center max-w">序号</th>
          <th class="w15 text-left max-w">任务名称</th>
          <th class="w15 text-left max-w">分配标引人</th>
          <th class="w15 text-left max-w">分配主题词表</th>
          <th class="w15 text-left max-w">内容数量</th>
          <th class="w15 text-left max-w">任务分配时间</th>
        </tr>
      </thead>
    </table>
  </div>
  <div class="table-tbody">
    <table class="tableStyle table table-hover table-striped">
      <tbody>
        <tr *ngFor="let val of tabVal;let i = index">
          <td class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_chose(event.checked,val.id,tabVal.length)" [checked]="isChose">
          </td>
          <td class="w5 text-center">{{ i+1 }}</td>
          <td class="w15 text-left max-w">{{ val.taskName }}</td>
          <td class="w15 text-left max-w"><span *ngFor="let v of val.idxTaskAssignList">{{ v.taskAssignBy }} &nbsp;&nbsp;</span></td>
          <td class="w15 text-left max-w"><span *ngFor="let v of val.idxTaskThemeTableList">{{ v.name }} &nbsp;&nbsp;</span></td>
          <td class="w15 text-left max-w">{{ val.innerTextCount }}</td>
          <td class="w15 text-left max-w">{{ val.assignDate | date:'yyyy-MM-dd HH:mm:ss'}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>